<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--action="#": 提交地址，可选URI或本地，默认当前页。
method="get": 提交方式，可选 GET 或 POST，默认 GET。
target="_self": 提交目标，可选 _self/_blank/帧窗口ID 等，默认 _self。
autocomplete="on": 自动完成提示，可选 off/on，默认 on。-->
<form id="my-form" action="#" method="get" target="_self">
<fieldset>
    <legend>第一组</legend>
    <label>
        账号：
        <input type="text" name="username"><br/>
    </label>
</fieldset>
<!--加上label后点“账号”也会出现光标-->
    <fieldset>
        <legend>第二组</legend>
            账号：
            <input type="text" name="username"><br/>
    </fieldset>
    <button type="submit">
    提交
    </button>
    <button type="button" onclick="alert('你好')">
        普通
    </button>
    <button  type="reset">
        重置
    </button>
</form>
</body>
</html>